<template>
  <f7-page>
    <!-- <f7-navbar :sliding="false">
      <f7-nav-left>
        <f7-link back icon-material="arrow_back"></f7-link>
      </f7-nav-left>
      <f7-nav-title sliding>文件上传</f7-nav-title>
      <f7-nav-right></f7-nav-right>
    </f7-navbar>-->
    <f7-user-navbar title="文件上传"></f7-user-navbar>

    <f7-block-title>图片上传</f7-block-title>
    <f7-picture-upload :params="uploadParams" uploadId="picture" :timeWatermark="true"></f7-picture-upload>

    <f7-block-title>图片上传2</f7-block-title>
    <f7-picture-upload
      :chunkEnabled="true"
      :params="{ dataKey: 'fileupload_for_app_test', type: 'app_picture' }"
      uploadId="picture1"
      :timeWatermark="true"
    ></f7-picture-upload>

    <f7-block-title>文件上传</f7-block-title>
    <f7-file-upload
      :params="{dataKey: 'fileupload_for_app_test', type: 'app_file' }"
      title="文件上传"
      uploadId="files1"
    ></f7-file-upload>

    <f7-block-title>只读</f7-block-title>
    <f7-complex-upload
      :params="{type:'mobile',dataKey: 'fileupload_for_app_test'}"
      operType="view"
      title="附件"
    ></f7-complex-upload>

    <f7-block-title>可编辑</f7-block-title>
    <f7-complex-upload
      :params="{type:'mobile',dataKey: 'fileupload_for_app_test'}"
      operType="new"
      title="附件"
    ></f7-complex-upload>
  </f7-page>
</template>

<script>
import controller from "@/libs/framework/controller";

export default class instance extends controller {
  onBeforeInit() {
    this.urls = {
      query: [],
      model: [],
    };
  }

  mixin() {
    return {
      data() {
        return {
          uploadParams: {
            dataKey: "fileupload_for_app_test",
            type: "picture",
          },
        };
      },
      methods: {},
      computed: {},
      mounted() {},
    };
  }
}
</script>

<style scoped>
</style>
